<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>OutPay</title>
    <link rel="stylesheet" type="text/css" href="/static/plugin/jquery-easyui-1.5.2/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="/static/plugin/jquery-easyui-1.5.2/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="/static/plugin/jquery-easyui-1.5.2/demo/demo.css">
    <script type="text/javascript" src="/static/plugin/jquery-easyui-1.5.2/jquery.min.js"></script>
    <script type="text/javascript" src="/static/plugin/jquery-easyui-1.5.2/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/static/plugin/jquery-easyui-1.5.2/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="/static/js/outpay.js"></script>
<body>
<table id="outpay_datagrid" class="easyui-datagrid" width="98%"></table>
<div id="outpay_toolbar">
    <input id="keyword" class="easyui-textbox" name="keyword" prompt="客户姓名"/>
    <input id="num" class="easyui-textbox" name="num" prompt="核保单号"/>
    <a class="easyui-linkbutton" iconCls="icon-search" plain="true" data-cmd="doSearch">查询</a>
    <a class="easyui-linkbutton" iconCls="icon-money" plain="true" data-cmd="edit">缴费</a>
</div>

<div id="outpay_btns">
    <a class="easyui-linkbutton" iconCls="icon-save" plain="true" data-cmd="save">提交</a>
    <a class="easyui-linkbutton" iconCls="icon-cancel" plain="true" data-cmd="cancel">取消</a>
</div>

<div id="outpay_dialog" class="easyui-dialog">
    <form id="outpay_form" method="post">
        <input type="hidden" name="id" />
        <input type="hidden" name="product.id" />
        <input type="hidden" name="promissgroup.promise.id" />
        <input type="hidden" name="guard.employee.id" />
        <table align="center" style="margin-top: 20px" >

            <tr>
                <td>投保人</td>
                <td><input class="easyui-textbox" name="client.name" style="width: 210px" readonly="readonly"/></td>
            </tr>
            <tr>
                <td>核保单号</td>
                <td><input class="easyui-textbox" name="guard.num" style="width: 210px" readonly="readonly"/></td>
            </tr>
            <tr>
                <td>保险机构</td>
                <td>
                    <input class="easyui-textbox" name="promissgroup.promise.name" style="width: 210px" readonly="readonly"/>
                </td>
            </tr>
            <tr style="height: 100px">
                <td>保险产品</td>
                <td>
                    <ul id="product_datagrid" class="easyui-datagrid" title="已购产品列表" lines="true" style="width:210px;height:auto"></ul>
                </td>
            </tr>
            <tr>
                <td>起保时间</td>
                <td><input  class="easyui-datebox" required="required" style="width: 210px" name="beginDate"></td>
            </tr>
            <tr>
                <td>止保时间</td>
                <td><input class="easyui-datebox" required="required" style="width: 210px" name="endDate"></td>
            </tr>
            <tr>
                <td>保险金额</td>
                <td><input class="easyui-textbox" name="guard.product.cost" style="width: 210px" readonly="readonly"></td>
            </tr>
            <tr>
                <td>缴费方式</td>
                <td>
                    <select class="easyui-combobox" name="method" style="width:210px;" data-options="panelHeight:'auto'">
                        <option value="0">现金支付</option>
                        <option value="1">刷卡支付</option>
                        <option value="2">支票支付</option>
                    </select>
                </td>
            </tr>
        </table>
    </form>
</div>
</body>
</html>